<%@ page language="java"  contentType="text/css"%>
<%
boolean isIE = ( request.getHeader("user-agent")!=null &&  request.getHeader("user-agent").indexOf("MSIE")>=0)?true:false;

%>
body { 
	background: #dbeef8; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbeef8'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dbeef8)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ffffff,  #dbeef8); /* for firefox 3.6+ */

	font-size: 11px;
	color: #4e4e4e;
	font-family:  "Lucida Grande", sans-serif, Arial;
	
}

.mainheader{

	background: #ddeef9; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ddeef9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ddeef9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #ddeef9); /* for firefox 3.6+ */
}

.leftnav{
	background: #ddeef9; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeef9', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ddeef9), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ddeef9,  #ffffff); /* for firefox 3.6+ */

}

.linebox{
   border: 1px solid #add4e0;
   border-collapse: collapse;
   background: #ffffff; 
   margin-top: 2px;
   
}
.linedropbox{
   border: 1px solid #add4e0;
   border-collapse: collapse;
   background: #ffffff; 
   margin-top: 2px;
   
   
	-moz-box-shadow:2px 2px 2px #6d6d6d;
	-webkit-box-shadow:2px 2px 2px #6d6d6d;
	box-shadow:2px 2px 2px #6d6d6d;
   
}

.mainbox{

   border: 1px solid #add4e0;
   border-collapse: collapse;
   background: #ffffff; 
   margin-top: 2px;

	background: #f8fbff; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eef4fe', endColorstr='#f8fbff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eef4fe), to(#f8fbff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eef4fe,  #f8fbff); /* for firefox 3.6+ */
	
	-moz-box-shadow:2px 2px 2px #6d6d6d;
	-webkit-box-shadow:2px 2px 2px #6d6d6d;
	box-shadow:2px 2px 2px #6d6d6d;
}

<%if(isIE){ %>
tr.blueheader{
	letter-spacing: 1px;
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
	border: #acd3df solid 1px;
	background-image:url('blueheader.gif');

}

tr.greyheader{
	letter-spacing: 1px;
	font-size: 12px;
	font-weight:normal;
	color: #666666;
	border: #acd3df solid 1px;
	background: #f0f6f7; /* for non-css3 browsers */
	background-image:url('greyheader.gif');
}


tr.header{
	font-size: 12px;
	font-weight:normal;
	color: #006699;
	border: #acd3df solid 1px;
	text-decoration:none;
	letter-spacing: 1px;
	
	background: #c8e7f8; /* for non-css3 browsers */
	background-image:url('header.gif');
}

tr.header:hover{
	font-size: 12px;
	font-weight:normal;
	color: #006699;
	border: #acd3df solid 1px;
	text-decoration:none;
	letter-spacing: 1px;
	
	background: #ebf4fe; /* for non-css3 browsers */
	background-image:url('header.gif');
}

<%}else
	{%>
	
tr.blueheader{
	letter-spacing: 1px;
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
	border: #acd3df solid 1px;
	background: #3aa3d0; /* for non-css3 browsers */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9de1fa', endColorstr='#3aa3d0'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#9de1fa), to(#3aa3d0)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #9de1fa,  #3aa3d0); /* for firefox 3.6+ */
}


tr.greyheader{
	letter-spacing: 1px;
	font-size: 12px;
	font-weight:normal;
	color: #666666;
	border: #acd3df solid 1px;
	background: #f0f6f7; /* for non-css3 browsers */
   	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f6f7', endColorstr='#52aacf'); /* for IE */
   	background: -webkit-gradient(linear, left top, left bottom, from(#f0f6f7), to(#52aacf)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #f0f6f7,  #52aacf); /* for firefox 3.6+ */
}


tr.header{
	font-size: 12px;
	font-weight:normal;
	color: #006699;
	border: #acd3df solid 1px;
	text-decoration:none;
	letter-spacing: 1px;
	
	background: #c8e7f8; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f7fe', endColorstr='#c8e7f8'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#f1f7fe), to(#c8e7f8)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #f1f7fe,  #c8e7f8); /* for firefox 3.6+ */
}

tr.header:hover{
	font-size: 12px;
	font-weight:normal;
	color: #006699;
	border: #acd3df solid 1px;
	text-decoration:none;
	letter-spacing: 1px;
	
	background: #ebf4fe; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf4fe', endColorstr='#bee3f7'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebf4fe), to(#bee3f7)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebf4fe,  #bee3f7); /* for firefox 3.6+ */
}

	<%} %>


input,select,textarea{
	font-size: 12px;
	border: 1px solid #acd3df;
	background:#FFFFFF;
	color: #000000;
}

input:active{
	border: 1px solid #e58d82;
	background:#fcf6f8;
}
input:hover{
	background:#fcf6f8;
}

select:active{
	border: 1px solid #e58d82;
	background:#fcf6f8;
}
select:hover{
	background:#fcf6f8;
}

textarea:active{
	border: 1px solid #e58d82;
	background:#fcf6f8;
}
textarea:hover{
	background:#fcf6f8;
}

img{
	border: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
}

a{
	color: #006699;
	text-decoration: none;
}

a:active{
	color: #006699;
	text-decoration: underline;
}


a:hover{
	color: #006699;
	text-decoration: underline;
}
a:focus{
	color: #006699;
	text-decoration: underline;
}

.tool{
	font-size: 10px;
	color: #006699;
	text-decoration: none;

}
a.tool{
	font-size: 10px;
	color: #006699;
	text-decoration: none;
}

a.tool:active{
	color: #006699;
	text-decoration: underline;
}


a.tool:hover{
	color: #006699;
	text-decoration: underline;
}
a.tool:focus{
	color: #006699;
	text-decoration: underline;
}

td{
	font-size: 12px;
	font-weight:normal;
	
	}
	
tr.row0{
	font-size: 11px;
	font-weight:normal;
	color: #000000;
	background: #fffffff;
	border: #acd3df solid 1px;
	text-decoration:none;
}
tr.row0:hover{
	font-size: 11px;
	font-weight:normal;
	color: #000000;
	background: #f7ffff;
	border: #acd3df solid 1px;
	text-decoration:none;
}
tr.row1{
	font-size: 11px;
	font-weight:normal;
	color: #000000;
	background: #f1faff;
	border: #acd3df solid 1px;
	text-decoration:none;
}
tr.row1:hover{
	font-size: 11px;
	font-weight:normal;
	color: #000000;
	background: #e7f6ff;
	border: #acd3df solid 1px;
	text-decoration:none;
}

td.col0{
	font-size: 11px;
	font-weight:normal;
	color: #000000;
	background: #f1f6fd;
	border: #acd3df solid 1px;
	text-decoration:none;
}
td.col1{
	font-size: 11px;
	font-weight:normal;
	color: #000000;
	background: #eef4fe;
	border: #acd3df solid 1px;
	text-decoration:none;
}

hr{
	
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;

}


.bannertitle{
	font-weight: bold;
	font-size: 30px;
	color: #088d7c;
	letter-spacing: 1px;
}

.loginbox{
	background: #ffffff;
	border: #acd3df solid 1px;
}

.copyright{
	font-size: 10px;
	color: #999999;
}
.copyright2{
	position: relative; bottom: 5px; 
	font-size: 9px;
	color: #999999;
}

/* gradient 2 */
.gradient2 h1 {
	font: bold 310%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 0 0 0 50px;
	color: #088d7c;
	letter-spacing: -2px;
}
.gradient2 h1 span {
	position: absolute;
	display: block;
	width: 100%;
	height: 18px;
}
.gradient2 a {
	color: #000;
	text-decoration: none;
}
.gradient2 a:visited {
	color: #000;
}
.gradient2 a:hover {
	color: #555;
}
.asterisk {
	font-size: 10px;
	font-weight: bold;
	color: #FF663A;
}

.error {
	color: red;
}